{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人信息</title>
    <link rel="stylesheet" type="text/css" href="{% static 'tickets/CSS/Initial.css' %}">
	<link rel="stylesheet" type="text/css" href="{% static 'tickets/CSS/column.css' %}">
</head>
<body>
    <div class="top">
		<div class="top_picture"  align="center" >
			<img src="{% static 'tickets/images/12306.png' %}" style="width: 100%;height: 100%;" alt="Logo">
		</div>
        {% if user_get %}
            <div class="login_block">
                已登录：{{ user_get.user_name }}<br/>
            </div>
            <div style="position: absolute; top: 5%; right: 8%">
                <img src="{% static 'tickets/images/head/' %}{{ user_get.user_head }}"
                style="position: relative; width: 50px; height: 50px; border-radius: 50%">
            </div>
        {% else %}
            <div class="login_block">
                <ul>
                    <li><a href="{% url 'tickets:login' %}">登录</a></li>
                    <li><a href="{% url 'tickets:login' %}">注册</a></li>
                </ul>
            </div>
        {% endif %}
    </div>

	<div class="nav" align="center">
        <ul>
            <li><a href="{% url 'tickets:home' %}">首页</a></li>
            <li><a href="{% url 'tickets:guide' %}">出行指南</a></li>
            <li class="selected"><a href="{% url 'tickets:personal_info' %}">个人信息</a></li>
            <!--<li><a href="{% url 'tickets:guide' %}">购票规则</a></li>-->
        </ul>
	</div>

	<div style="position:relative;display: inline; width: 100%;height:500px;background-color: black	;">
		<!-- <div id="left_blue" style="background-color: lightblue;position:absolute; top:60px;width: 150px;height: 1000px;display:none; transition: 0.4s"></div> -->
		<div id="mySidenav" class="sidenav">
			<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
			<a href="#" onclick="jump1()">个人中心</a>
			<a href="#" onclick="jump2()">订单中心</a>
			<a href="#" onclick="jump3()">个人信息</a>
			<a href="#" onclick="jump4()">投诉</a>
			<a href="#" onclick="jump5()">反馈</a>
		</div>
		<div id="main">
			<!-- <h2>侧边栏实例 - 页面主体向右移动</h2>
			<p>点击以下菜单图标打开侧边栏，主体内容向右偏移。主体内容添加黑色透明背景</p> -->
			<span style="position:fixed;font-size:30px;cursor:pointer" onclick="openNav()">&#9776; 菜单</span>
		</div>
		<div class="Bigbox" id="1" style="position:relative;border:3px solid #000;left:120px;background-color: lightblue;width: 1250px;height:800px;overflow: hidden;">
			<div class="inline" style="width: 1600px;height: 900px; overflow: hidden;">
				<iframe id="IF" src="order1" style="overflow: auto;width: 1800px;height: 900px;" onclick="reurl()"></iframe>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript" src="{% static 'tickets/JS/left_column.js' %}"></script>
<script src="{% static 'tickets/JS/jquery-3.4.1.js' %}"></script>
</html>